
input{

  -webkit-appearance:none;
  width: 50px;
  height: 50px;
  /* border:solid */
 
  
}

div{
 
  width: 300px;
  height: 100px;
  background-color:bisque
}
#main{
  
  background-color:blue;
}

#main:checked~div{
  background-color: blueviolet;
}
#main:checked{
  background-color: blueviolet;
  border-radius: 50%;

}
#c{
  background-color:greenyellow
}
#c:checked{
  background-color:lightpink;
  border-radius: 50%;
}
#c:checked~div{
  background-color:lightpink;
}
#k{
  background-color:lightgreen
}
#k:checked{
  background-color:blanchedalmond;
  border-radius: 50%;

}
#k:checked~div{
  background-color:blanchedalmond
}
#a{
  background-color:rosybrown
}
#a:checked{
  background-color:pink;
  border-radius: 50%;
}
#a:checked~div{
  background-color:pink
}
#b{
  background-color:powderblue;
}
#b:checked{
  background-color:yellowgreen;
  border-radius: 50%;
}
#b:checked~div{
  background-color:yellowgreen
}